// Js Document
// create by ii-join
jq(function(){
	// 门户首页发现模块
	discover_show();

	// // 门户频道列表-视频列表 样式
	jq('.bm_c.xld.ii_portal_list_video .video_box').hover(function(){
		if(jq(this).find('.video_control').html()){
			jq(this).find('.video_control:not(:animated)').slideDown();
		}
		jq(this).css({
			'background-color':'#ddd',
			'border':'2px solid #333'
		});
	},function(){
		jq(this).find('.video_control').slideUp();
		jq(this).css({
			'background-color':'#ECEDEF',
			'border':'2px solid #606264'
		});
	});
	// 门户频道列表-发现列表 样式
	jq('.bm_c.xld.ii_portal_list .bbda dd.xs2 .atc').hover(function(){
		if(jq(this).find('p').html()){
			jq(this).find('p:not(:animated)').slideDown();
		}
	},function(){
		jq(this).find('p').slideUp();
	});


	// 搜索框点击效果
	jq('#srchtxt').focus(function(){
		var val = jq(this).val();
		if(val=='请输入搜索关键词'){
			jq(this).val('');
		}
	});
	jq('#srchtxt').blur(function(){
		var val = jq(this).val();
		if(val==''){
			jq(this).val('请输入搜索关键词');
		}
	});
	jq('.ii_btn_submit').click(function(){
		var val = jq('#srchtxt').val();
		if(val=='' || val=='请输入搜索关键词'){
			return false;
		}
	});
	// 页脚置底
	var footer = jq('.myfooter');
	var clientH = document.documentElement.clientHeight;
	var footer_top = footer.offset().top;
	if((clientH-footer.height()) > footer_top){

		footer.css({
			'position':'fixed',
			'bottom':0,
			'left':0
		});
	}
	// 向下滚动，头部半透明 
	jq(window).scroll(function(){
		
		// // 向下滚动，头部半透明 
		// var t = jq(this).scrollTop();
		// if(t>100){
		// 	jq('#deannav.deannav').css({
		// 		opacity:0.8
		// 	});
		// 	jq('.p_pop.h_pop').css({
		// 		opacity:0.8
		// 	});
			
		// }else{
		// 	jq('#deannav.deannav').css({
		// 		opacity:1
		// 	});
		// 	jq('.p_pop.h_pop').css({
		// 		opacity:1
		// 	});
		// }
	});
	var show_objs;//已显示框

	// // 导航右侧菜单 - 提醒
	// var hobj2 = jq('#myprompt');
	// var sobj2 = jq('#myprompt_menu');
	// ii_hover_show(hobj2,sobj2,60,12);

	

	// 导航右侧图像下拉框
	var hobj1 = jq('.usr_ico .usr_img');
	var sobj1 = jq('.ii_usr_info');
	ii_hover_show(hobj1,sobj1,26,34);

	// 登陆框显示
	jq('.ii_login').mouseenter(function(){
		jq(this).css({'background-color':'#EDEEF0'});
	});
	var hobj3 = jq('.ii_login');
	var sobj3 = jq('#lsform');
	// hover显示隐藏 登陆框
	ii_hover_show_login(hobj3,sobj3,211,30);
	
	// ii_hover_show(hobj3,sobj3,211,26);

// hover显示隐藏 登陆框
function ii_hover_show_login(hobj,sobj,cut_left,add_top){
	hobj.hover(function(){
	
		var t = hobj.offset();
		var w = t.left-cut_left;
		var h = t.top+add_top;
		sobj.show();
		sobj.css({
			left:w,
			top:h
		});
	},function(){

		sobj.mouseenter(function(){
			sobj.mouseleave(function(e){
				var target = e.target;
				if(target.tagName === "SELECT" || target.id === "ls_fastloginfield_ctrl")
				{
					return;
				}
				jq('.ii_login').css({'background':'none'});
				sobj.hide();
			});
		});
	});
}
	

// hover显示隐藏层效果
function ii_hover_show(hobj,sobj,cut_left,add_top,is_in){
	hobj.hover(function(){
		if(show_objs){
			show_objs.hide();
		}
		show_objs = sobj;
	
		var t = hobj.offset();
		var w = t.left-cut_left;
		var h = t.top+add_top;
		show_objs.show();
		show_objs.css({
			left:w,
			top:h
		});
	},function(){
		if(is_in==1){
			hobj.mouseenter(function(){
				hobj.mouseleave(function(){
					show_objs.hide();
				});
			});
		}else{
			show_objs.mouseenter(function(){
				show_objs.mouseleave(function(e){
					var target = e.target;
					if(target.tagName === "SELECT" || target.id === "ls_fastloginfield_ctrl")
					{
						return;
					}
					show_objs.hide();
				});
			});
		}

	});
}


ppt_img(jq('.ii_pptimgs'),jq('.ii_pptimgs ul li'),jq('.ii_btn_l'),jq('.ii_btn_r'),1000,330);

// 幻灯片效果
	/**
	 * [description]
	 * @param  {[type]} img_box  [图像容器]
	 * @param  {[type]} show_obj [循环显示图像]
	 * @param  {[type]} btn_l    [上一张]
	 * @param  {[type]} btn_r    [下一张]
	 * @param  {[type]} w        [显示宽度]
	 * @param  {[type]} h        [显示高度]
	 * @return {[type]}          [null]
	 */
	function ppt_img(img_box,show_obj,btn_l,btn_r,w,h){
		w = typeof w=='undefined'?1000+'px':w+'px';
		h = typeof h=='undefined'?330+'px':h+'px';
		img_box.css({width:w,height:h});
		var ppt_index = 0;//当前显示图片序号
		var num = show_obj.length;//循环个数
		//默认隐藏按钮
		btn_l.hide();
		btn_r.hide();
		//默认显示第一个图片
		show_obj.eq(ppt_index).show();

		//设置定时器
		var s = setInterval(i_show,5000);
		function i_show(){
			
			// alert(ppt_index)
		
			// 默认自动翻页
			if(ppt_index>=0 && ppt_index<num-1){
				
				show_obj.eq(ppt_index).filter(":not(:animated)").fadeOut('normal',function(){
					ppt_index++;
					show_obj.eq(ppt_index).fadeIn('slow');
					show_obj.eq(ppt_index).find('a img').css('width',w);
				});
				
			}
			if(ppt_index==num-1){
				show_obj.eq(ppt_index).filter(":not(:animated)").fadeOut('normal',function(){
					ppt_index=0;
					show_obj.eq(ppt_index).fadeIn('slow');
					show_obj.eq(ppt_index).find('a img').css('width',w);
				});
			}


		}

		// 鼠标经过，显示按钮，并实现按钮效果
		img_box.hover(function(){
			//show_obj.filter(":not(:animated)").length
				btn_l.show();
				btn_r.show();
				clearInterval(s);
				s = null;
		},function(){

				btn_l.hide();
				btn_r.hide();
				if(!s){

					s = setInterval(i_show,3000);		
				}

		});
		// 点击上一张
		btn_l.click(function(){
			
				show_obj.eq(ppt_index).filter(":not(:animated)").fadeOut('normal',function(){
					if(ppt_index==0){
						ppt_index=num-1;
					}else{
						ppt_index--;
					}
					show_obj.eq(ppt_index).fadeIn('slow');
					show_obj.eq(ppt_index).find('a img').css('width',w);
					

				});
		});
		// 点击下一张
		btn_r.click(function(){
				show_obj.eq(ppt_index).filter(":not(:animated)").fadeOut('normal',function(){
					if(ppt_index==num-1){
						ppt_index=0;
					}else{
						ppt_index++;
					}
					show_obj.eq(ppt_index).fadeIn('slow');
					show_obj.eq(ppt_index).find('a img').css('width',w);
					

				});
	
		});
	}

	/**
	 * 门户首页发现模块图片列表随机排列
	 * @return {[type]} [description]
	 */
	 function discover_show(){

	 	// 获得所有图片盒子
	 	var boxs = jq('.ii_img_box .img_box');
	 	// 获得盒子的宽高
	 	var b_w = boxs.width();
	 	var b_h = boxs.height();
	 	// 抽取9张图片显示
	 	var nine = random_select_num(boxs,9);
	 	for(var i=0;i<nine.length;i++){
	 		var w = nine[i].find('img').width();
	 		var h = nine[i].find('img').height();
	 		nine[i].show();
	 		// 盒子比例与图片比例 比较显示
	 		if(b_w/b_h<w/h){
	 			// alert(w);
	 			// 图片宽度比例大，则固定高度=盒子高度，宽度自适应
	 			nine[i].find('img').height(b_h);
	 			// 宽度居中
	 			var w_t = nine[i].find('img').width();
	 			nine[i].find('img').css('left',-Math.abs(w_t-b_w)/2+'px');

	 		}else{
	 			// 图片高度比例大，则固定宽度=盒子宽度，高度自适应
	 			nine[i].find('img').width(b_w);
	 			// 高度居中
	 			var h_t = nine[i].find('img').height();
	 			nine[i].find('img').css('top',-Math.abs(h_t-b_h)/2+'px');
	 		}
	 		
	 		// 鼠标经过半透明效果
	 		nine[i].hover(function(){
	 			jq(this).fadeTo(0,0.8);
	 			jq(this).find('p').show();
	 		},function(){
	 			jq(this).fadeTo(0,1);
	 			jq(this).find('p').hide();
	 		});
	 	}
	 }


	 /**
	  * 从对象中随机部分元素
	  * @param  {[type]} obj [数组对象]
	  * @param  {[type]} num [随机抽取个数]
	  * @return {[type]}     [对象数组]
	  */
	 function random_select_num(obj,num){
	 	var re = [];
	 	var count = obj.length;
	 	for(var i=0;i<num;i++){
	 		var r = Math.floor(Math.random()*count);
	 		re.push(obj.eq(r));
	 		obj.splice(r,1);
	 		count--
	 		/*alert(obj.length);
	 		return;*/
	 	}
	 	return re;
	 }

});

